// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1

Rectangle{
    id: rectangle1    
    property alias name: name.text
    property alias source: photo.source
    width: 280
    height: 248
    anchors.top: parent.top
    anchors.horizontalCenter: parent.horizontalCenter
    color: "#00000000"

    Rectangle{
        anchors.fill: parent
        color: "#00000000"

        Image{
            id: paper
            anchors.centerIn: parent
            width: 230
            source: "qrc:/violet/photo-paper"
        }

        Image {
            id: photo
            width: 190
            height: 190
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.top: parent.top
            anchors.topMargin: 32
            source: "qrc:/violet/face"
        }
        Image{
            width: 52
            height: 47
            anchors.top: paper.top
            anchors.left: paper.left
            anchors.topMargin: 7
            source: "qrc:/violet/photo-corner"
        }
    }
    Text {
        id: name
        text: qsTr("Your Name")
        anchors.top: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottomMargin: 0
        anchors.topMargin: 0
        font.pixelSize: 22
    }

    MouseArea{
        id: mousearea2
        anchors.fill: parent
        onClicked: {
            pageStack.push(Qt.resolvedUrl("../pages/KarmaListPage.qml"))
        }
    }

}
